<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>订单页面</title>
<script type="text/javascript" src="../../dwr/engine.js"></script>
<script type="text/javascript" src="../../lovejes/lovejes.js"></script>
<script type="text/javascript" src="../js/sys_util.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript" src="../js/front/index.js"></script>
<script type="text/javascript" src="../js/act/act.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
<link rel="shortcut icon" href="http://www.cuniao.com/dpupload/logo.ico"/>
<link href="../themes/default/css/css.css" rel="stylesheet" type="text/css"/>
</head>
<body onload="Cn_ActDeal.Init();">
<!---头部---->
<div id="topframe">
	<div class="topt">
	 <div class="topcon">
	    <div class="toplist" id="toplist">
		<a href="../front/invite.html" style="color:red">邀请好友参加返3元</a>
		<a target="_blank" href="../acl/modifyuser.html">账户设置</a>
		<a href="javascript:void(0);" onclick="Jes.doLogout();">退出</a>
	    </div>
	    	<div class="gzwm"><span>关注我们：</span>
		  		<a href="http://weibo.com/cuniao" target="_blank"><img src="/cuniao/cuniao/themes/default/images/img_xl.gif"/></a>
				<a href="http://weibo.com/cuniao" target="_blank"><img src="/cuniao/cuniao/themes/default/images/icon_tengxun.png"/></a>
			</div>
     </div>
	</div>
	<div>
		<a class="logo" href="http://www.cuniao.com/cuniao"></a>
		<hidden id="cityid" value=""/>
		<!-- 所在城市 美工需要显示可以切换-->
	</div>
	<div class="city" onmouseover="showhid('city')" onmouseout="showhid2('city')">
		<a href="#" class="downlist">[<span>杭 州</span>]</a>
		<div class="citylist" id="city" style=" display:none;">
			<dl class="link1">
				<dt>浙江：</dt>
				<dd><a href="#">杭州</a><a href="#">台州</a><a href="#">嘉兴</a><a href="#">宁波</a><a href="#">绍兴</a><a href="#/">湖州</a><a href="#">温州</a><a href="#">金华</a><a href="#">舟山</a><a href="#">衢州</a><a href="#">丽水</a></dd>
				</dd>
			</dl>
			<iframe src="" style="width:240px;height:200px;top:0px;left:0px;position:absolute;visibility:inherit; z-index:-1; filter:ALPHA(opacity=0); " frameborder='0'>
			</iframe>
		</div>
	</div>
	<div class="navw">
		<div class="nav">
			<ul>
				<li><a href="../front/index.html">首 页</a></li>
				<li><a href="../front/myact.html">我的活动</a></li>
				<li><a href="../front/invite.html">邀请好友</a></li>
				<li><a href="../front/guang.html">随便逛逛</a></li>
			</ul>
		</div>
		<div class="search">
			<input name="query" type="text" id="searcht" value="找活动、找人" size="20" maxlength="20" onkeydown=" if (event.keycode ==13){Cn_Index.searchTo();return false;}" 
			onblur="if(this.value==''){this.value=this.title;}this.style.color='#999999'" onfocus="if(this.value==this.title){this.value='';}" title="找活动、找人" style="color:#787878;" title="活动主题"/>
			<input name="input" class="btn_search" id="input" value="" onclick="Cn_Index.searchTo();"/>
		</div>
	</div>
</div>
<div id="mainframe">
	<div id="leftframe">
		<div class="leftcon">
			<!-- 活动介绍 -->
			<div class="ordercon">
				<h3 class="deal title"><span>活动介绍</span></h3>
				<div class="orderhdjs" id="actionfo">
				</div>
				<div class="ordercon" id="actionfo">
					<h3 class="deal title"><span>您的手机 </span></h3>
					<p class="phonecon">
						 支付成功后，簇鸟密码将发送到手机：<span id="phone"></span>，凭手机短信就可参加活动。
					</p>
				</div>
				<div class="ordercon" id="actionfo">
					<h3 class="deal title"><span>活动费用 </span></h3>
					<table width="100%" cellpadding="0" cellspacing="0" border="1">
					<thead>
					<tr>
						<th width="270">
							 活动内容
						</th>
						<th width="60">
							 人数
						</th>
						<th width="20">
						</th>
						<th width="60">
							 费用
						</th>
						<th width="20">
						</th>
						<th>
							 总额
						</th>
					</tr>
					</thead>
					<tbody>
					<tr>
						<td style="text-align:left;">
							<a href="javascript:Cn_ActDeal.gotoview();" style="font-size:14px;" class="textlink" id="dealinfo">加载中。。。</a>
						</td>
						<td>
							<input type="text" class="textarea" maxlength="2" id="person" value="1" onkeyup="Cn_ActDeal.changeNum(this.value);"/>
						</td>
						<td>
							 X
						</td>
						<td>
							<span id="money">¥ </span>
						</td>
						<td>
							 =
						</td>
						<td>
							<span class="total" id="dealtotal">¥ </span>
						</td>
					</tr>
					</tbody>
					<tfoot>
					<tr>
						<td colspan="4" width="460" style="text-align:left;">
							<span>支付总额：</span>
						</td>
						<td width="20">
							 =
						</td>
						<td>
							<span class="total" id="total">¥</span>
						</td>
					</tr>
					</tfoot>
					</table>
					<div class="ordercon" id="actionfo">
						<h3 class="deal title"><span>请选择支付方式 </span></h3>
						<div id="div_balance" style="display:block">
							<br/>
							<span style="font-size:14px;padding-left:20px;">您的账户余额: <span style="color:red;font-size:16px;" id="userbalance"></span></span>
						</div>
						<div id="div_cnpay" style="display:block">
							<span style="font-size:14px;padding-left:20px;">可以直接用余额支付。</span>
						</div>
						<div id="div_cnthird" style="display:none">
							<br/>
							<input type="checkbox" id="checkpay" style="padding-left:20px;" onclick="Cn_ActDeal.checkPay();" checked="true"/>
							<a style="font-size:14px;color:black;" href="javascript:Cn_ActDeal.checkClick('#checkpay');"> 您可以用余额付款 <span id="mybalance" style="font-size:14px;"></span>
							 元。剩余 <span id="mythird" style="font-size:14px;"></span> 元可选择其他付款方式付款。</a>
							<br/>
						</div>
						<ul id="order-check-typelist" class="paytype-list paytype-list-credit" style="display:none">
							<li class="item">
							<input class="input" id="check-alipay" type="radio" name="paytype" value="alipay" checked="checked"/>
							<label for="check-alipay" class="alipay label">推荐淘宝用户使用</label>
							</li>
							<!-- 
                           <li class="item">
                                <input class="input" id="check-tenpay" type="radio" name="paytype" value="tenpay"  />
                                <label for="check-tenpay" class="tenpay label">无需注册，支持国内各大银行支付</label>
                                                            </li>
                                	                                          <li class="item">
                            <input class="input" id="check-cmpay" type="radio" name="paytype" value="cmpay"  />
                                    <label for="check-cmpay" class="umpay label">移动手机支付Cmpay，支持网银直接支付和手机支付红包支付</label>
                                                            </li>
                                                                             <li class="item">
                                <input class="input" id="check-lakala" type="radio" name="paytype" value="lakala"  />
                                <label for="check-lakala" class="lakala label">无需开通网银，直接刷卡支付，方便！</label>
                                                            </li>		-->
							<li class="item">
							<table id="order-check-banktable" class="banktable">
							<tr>
								<td>
									<input type="radio" value="alipay-CMB" id="bank-type-CMB" name="paytype"><label title="招商银行" for="bank-type-CMB" class="cmb"><em>招商银行</em></label></a>
								</td>
								<td>
									<input type="radio" value="alipay-ICBCB2C" id="bank-type-ICBCB2C" name="paytype"><label title="中国工商银行" for="bank-type-ICBCB2C" class="icbc"><em>中国工商银行</em></label></a>
								</td>
								<td>
									<input type="radio" value="alipay-CCB" id="bank-type-CCB" name="paytype"><label title="中国建设银行" for="bank-type-CCB" class="ccb"><em>中国建设银行</em></label></a>
								</td>
							</tr>
							<tr>
								<td>
									<input type="radio" value="alipay-COMM" id="bank-type-COMM" name="paytype"><label title="交通银行" for="bank-type-COMM" class="boc"><em>交通银行</em></label></a>
								</td>
								<td>
									<input type="radio" value="alipay-BOCB2C" id="bank-type-BOCB2C" name="paytype"><label title="中国银行" for="bank-type-BOCB2C" class="bofc"><em>中国银行</em></label></a>
								</td>
								<td>
									<input type="radio" value="alipay-SPDB" id="bank-type-SPDB" name="paytype"><label title="上海浦东发展银行" for="bank-type-SPDB" class="spdb"><em>上海浦东发展银行</em></label></a>
								</td>
							</tr>
							<tr>
								<td>
									<input type="radio" value="alipay-SPABANK" id="bank-type-SPABANK" name="paytype"><label title="平安银行" for="bank-type-SPABANK" class="pingan"><em>平安银行</em></label></a>
								</td>
								<td>
									<input type="radio" value="alipay-CMBC" id="bank-type-CMBC" name="paytype"><label title="中国民生银行" for="bank-type-CMBC" class="cmbc"><em>中国民生银行</em></label></a>
								</td>
								<td>
									<input type="radio" value="alipay-ABC" id="bank-type-ABC" name="paytype"><label title="中国农业银行" for="bank-type-ABC" class="abc"><em>中国农业银行</em></label></a>
								</td>
							</tr>
							<tr>
								<td>
									<input type="radio" value="alipay-CEBBANK" id="bank-type-CEBBANK" name="paytype"><label title="光大银行" for="bank-type-CEBBANK" class="cebb"><em>光大银行</em></label></a>
								</td>
								<td>
									<input type="radio" value="alipay-CIB" id="bank-type-CIB" name="paytype"><label title="兴业银行" for="bank-type-CIB" class="cib"><em>兴业银行</em></label></a>
								</td>
								<td>
									<input type="radio" value="alipay-CITIC" id="bank-type-CITIC" name="paytype"><label title="中信银行" for="bank-type-CITIC" class="zxyh"><em>中信银行</em></label></a>
								</td>
							</tr>
							<tr>
								<td>
									<input type="radio" value="alipay-GDB" id="bank-type-GDB" name="paytype"><label title="广东发展银行" for="bank-type-GDB" class="gdb"><em>广东发展银行</em></label></a>
								</td>
								<td>
									<input type="radio" value="alipay-SDB" id="bank-type-SDB" name="paytype"><label title="深圳发展银行" for="bank-type-SDB" class="sdb"><em>深圳发展银行</em></label></a>
								</td>
								<td>
									<span>&nbsp;</span>
								</td>
							</tr>
							</table>
							</li>
						</ul>
					</div>
					<form id="form1" name="form1" action="">
						<table>
						<input type="hidden" id="cnfee" value="0">
						<input type="hidden" id="thirdfee" value="0">
						<input type="hidden" id="balance" value="0">
						<input type="hidden" id="content">
						<input type="hidden" id="actid">
						<input type="hidden" id="busid">
						<input type="hidden" id="personnum">
						<input type="hidden" id="price">
						<input type="hidden" id="totalfee">
						</table>
					</form>
					<div style="padding-left:20px;">
						<input type="button" class="btnpay" value="确定无误,去付款" id="actdealbtn" onclick="Cn_ActDeal.submitDeal();"/>
					</div>
					<!-- 弹出层 Cn_ActDeal.submitDeal(); -->
					<div id="showpay" style="display:none">
						<div class="showpay">
							<div class="close">
								<a href="javascript:location.reload();"><span>X</span></a>
							</div>
							<div class="con">
								<div class="top">
									<p class="info">
										 请您在新打开的页面上<br/>完成付款。
									</p>
								</div>
								<p class="notice">
									 付款完成前请不要关闭此窗口。<br/> 完成付款后请根据您的情况点击下面的按钮：
								</p>
								<div class="act">
									<input type="submit" class="formbutton success" onclick="Cn_ActDeal.userPayReturn(1)" value="已完成付款"/> &nbsp; <input type="submit" class="formbutton fail" onclick="Cn_ActDeal.userPayReturn(0)" value="付款遇到问题"/>
								</div>
								<p class="retry">
									<a href="javascript:location.reload();" id="order-pay-dialog-back" class="back">&laquo; 返回选择其他支付方式</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="loginshow" style="display:none">
	<div class="hidden_ulogin hiddenwxp" id="userlogin" style="display:block">
		<div class="hidd_01">
			<div class="hidd_title">
				 用户登录<span onclick="history.go(-1);">x</span>
			</div>
			<div class="hidd_conn">
				<form id="login_from" name="login_from" method="post" action="">
					<table border="0" cellpadding="0" cellspacing="0" class="user_login1">
					<tr>
						<td width="50" align="right">
							 邮　箱：
						</td>
						<td align="left">
							<input id="email" name="email" class="input_login" type="text"/>
						</td>
					</tr>
					<tr>
						<td align="right">
							 密　码：
						</td>
						<td align="left">
							<input id="password" name="password" class="input_login" type="password" onkeypress="if(event.keyCode == 13)Jes.doLogin(location.href);"/>
							<a href="/cuniao/cuniao/acl/findpsd.html" class="forget">忘记密码？ </a>
						</td>
					</tr>
					<tr>
						<td colspan="2" align="center" valign="middle" class="jzmm">
							<input type="checkbox" name="repsd" id="repsd" class="checkbox" checked="true"/><span>记住密码 </span>
							<input name="submit" type="button" class="button_dl" onclick="Jes.doLogin(location.href);"/>
						</td>
					</tr>
					<tr>
						<td colspan="2" class="hzimg">
							<p>
								 其他帐号登录
							</p>
							<div class="linkimg">
								<a href="javascript:Jes.doSina(location.href);" title="新浪微薄"><img src="/cuniao/cuniao/themes/default/images/img_xl.gif"/></a>
								<a href="javascript:Jes.doTencent(location.href);" title="腾讯QQ"><img src="/cuniao/cuniao/themes/default/images/img_qq.gif"/></a>
							</div>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<p class="goreg">
								 还没有账号吗？赶紧去<a href="/cuniao/cuniao/acl/register.html">->注册</a>个吧
							</p>
						</td>
					</tr>
					</table>
				</form>
			</div>
		</div>
	</div>
</div>
	<div id="rightframe">
		<div class="today" id="today" name="today">
		</div>
		<div class="paynotice">
			<h2>支付相关问题</h2>
			<h3><span>支付以后？</span></h3>
			<p>
				 支付成功后你的手机将会收到簇鸟发送的活动密码，凭密码就能参加活动。 希望你有个愉快的活动，认识你想认识的朋友!
			</p>
			<h3><span>如果活动没有达到最少人数,能退款吗？</span></h3>
			<p>
				活动没有成功,在活动截止时间后一个工作日100%全额返还。请放心参加。
			</p>
			<h3><span>过了活动日期还能使用吗？ </span></h3>
			<p>
				不能使用,活动密码仅限在活动期间有效期使用。如果有紧急事情不能参加活动,可以将簇鸟活动密码转发给其他朋友。
			</p>
			<h3><span>支付安全吗？ </span></h3>
			<p>
				 是的。支付当然是安全的。
			</p>
		</div>
	</div>
</div>
<div id="goToTop">
	<a href="#">返回顶部</a>
</div>
<!-- 通知 -->
<div id="topnotice" style="display:none">
</div>
<!-- 被回复人的ID -->
<input type="hidden" id="replyid">
<input type="hidden" id="createrid">
<input type="hidden" id="alluserids">
<input type="hidden" id="fuserid">
<div id="botframe">
	<div class="footer">
		<div class="botlink">
			<span class="about"><a href="#">关于簇鸟</a> ·<a href="#">在簇鸟工作</a> ·<a href="#">关于我们</a> ·<a href="#">免责申明</a> ·<a href="#">帮助中心</a></span><span class="copyright">© 2011－2021 CUNIAO.COM, all rights reserved</span>
		</div>
	</div>
</div>
<!--隐藏发私信-->
<div class="hidden2" id="showDiv2">
	<div class="hidd_01">
		<div class="hidd_title">
			 发私信<span onclick="$('#showDiv2').hide()">x</span>
		</div>
		<div class="hidd_con">
			<div class="letter_name">
				<label>私信内容：</label>
				<textarea class="letter_con" id="letter_area" name="letter_area"></textarea>
			</div>
			<div class="face">
				<img src="../themes/default/images/face.gif"/>
			</div>
			<input type="button" value="发送" class="letter_send" onclick="Cn_Index.send();"/>
			<span>说明：长度不超过300字</span>
		</div>
	</div>
</div>
<!--设置分组-->
<div class="hidden4" id="showDiv4">
	<div class="hidd_01">
		<div class="hidd_title" style="color:red">
			 关注成功!<span onclick="$('#showDiv4').hide()">x</span>
		</div>
		<div class="hidd_con_4">
			<span>为“<span id="fuserlongid"></span>”选择分组：</span>
			<div class="group">
				<ul id="option_groups">
				</ul>
				<div class="clear">
				</div>
				<div id="box" style="display:none">
					<input type="text" id="newGroupName" class="organize"/><input type="button" onclick="Cn_Index.addNewGroup();" value="创建" class="new"/>
					<span onclick="$('#box').hide()" style="cursor:pointer;">取消</span>
				</div>
				<div class="clear">
				</div>
			</div>
			<input type="button" class="save" onclick="Cn_Index.doGroup();" value="保存"/>
			<input type="button" class="cancel" onclick="$('#showDiv4').hide();" value="取消"/>
		</div>
	</div>
</div>
<!--hide取消关注-->
<div class="hidegz1" id="hidegz1">
	<div class="hidd_con gz_hidecon">
		<p>
			 确定不再关注?
		</p>
		<input type="button" class="hid_que" value="确定" onclick="Cn_Friend.doRemoveGuanzhu()"/>
		<input type="button" class="hid_ch" value="取消" onclick="$('#hidegz1').hide()"/>
	</div>
</div>
<!--留下手机号码-->
<div id="getphone">
	<div class="hidden5" id="showDiv6">
		<div class="hidd_01">
			<div class="hidd_title">
				 填写手机号码<span onclick="$('#showDiv6').hide()">x</span>
			</div>
			<div class="hidd_con_5">
				<p>
					 支付成功后会将参加活动密码发送给您
				</p>
				<input type="text" class="beizhu" id="userphone" name="userphone" onpropertychange="if(/[^0-9]/g.test(this.value)) value=value.substring(0,value.length-1);"/>
				<input type="button" onclick="Cn_ActDeal.savePhone();" value="保存" class="save_name"/>
			</div>
		</div>
	</div>
</div>
<!--设置备注名-->
<div class="hidden5" id="showDiv5">
	<div class="hidd_01">
		<div class="hidd_title">
			 设置备注名<span onclick="$('#showDiv5').hide()">x</span>
		</div>
		<div class="hidd_con_5">
			<div>
				 给朋友加个备注名，方便认出他是谁
			</div>
			<input type="text" class="beizhu" id="beizhu"/><input type="button" onclick="Cn_Index.saveName();" value="保存" class="save_name"/>
		</div>
	</div>
</div>
</body>
<script type="text/javascript" charset="utf-8">
function showhidediv(id){
	var sbtitle=document.getElementById(id);
	if(sbtitle){
   	if(sbtitle.style.display=='block'){
  	 	sbtitle.style.display='none';
  	 	if($('#hdxq').hasClass('hdxqcur')){
  	 		$('#hdxq').removeClass('hdxqcur');
  	 	}
   	}else{
  	 	sbtitle.style.display='block';
		if(!$('#hdxq').hasClass('hdxqcur')){
  	 		$('#hdxq').addClass('hdxqcur');
  	 	}
   	}
	}
}
function showhid(id){
	document.getElementById(id).style.display ='block';
}
function showhid2(id){
	document.getElementById(id).style.display ='none';
}
</script>
</html>